<template>
  <view class="title-component">
    <!-- 
        -->
    <view
      class="title-box"
      :style="{
        positon: 'fixed',
        height: iTitleBarHeight + iStatusBarHeight + 'px',
        'background-image': titleColor,
        background: titleColor,
        color: textColor,
        'padding-top': iStatusBarHeight + 'px',
        'background-size': 'cover',
      }"
    >
      <view class="back-icon-box" @click.stop="goBack">
        <slot name="backIcon">
          <image
            :src="backIconUrl"
            :style="{
              width: backIconWidth + 'px',
              height: backIconHeight + 'px',
            }"
            class="back"
          ></image>
        </slot>
      </view>
      <view class="title-center-box">
        <slot name="titleCenter">
          <view class="bttitle">{{ statusBarTitle }}</view>
        </slot>
      </view>
    </view>
  </view>
</template>

<script>
export default {};
</script>

<style></style>
